import { createApp } from 'vue';
import App from './App.vue';

import '@/assets/css/reset.scss';
import '@/assets/css/common.scss';
import 'element-plus/dist/index.css';
import router from '@/routers/index.js';
import stores from '@/stores/index.js';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
// element dark css
import 'element-plus/theme-chalk/dark/css-vars.css';
// CSS common style sheet
import '@/styles/common.scss';
// iconfont css
import '@/assets/iconfont/iconfont.scss';
// custom element dark(自定义暗黑模式)
import '@/styles/element-dark.scss';
// custom element css
import '@/styles/element.scss';
// element icons
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
// vue i18n
import I18n from '@/languages/index';

const app = createApp(App);

// register the element Icons component
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

app.use(ElementPlus).use(I18n).use(router).use(stores).mount('#app');
